<template>
    <div class="qilin-QilinTable">
        <div class="header">基本使用</div>
        <QilinTable v-model:tableConfig="tableConfig" @changeCurrentPage="changeCurrentPage"
            @changeCurrentSize="changeCurrentSize"
        >
            <template v-slot:project="slotData">
                <div>{{slotData.data.scope.row.project.join("、")}}</div>
            </template>
            <template v-slot:elTableColumn="slotData">
                <el-table-column :label="slotData.data.item.label" :prop="slotData.data.item.prop"
                    :align="slotData.data.item.align" :width="slotData.data.item.width">
                    <span>EDGQilin</span>
                </el-table-column>
            </template>
        </QilinTable>
        <CodeMirror :codeValue="codeValue1"></CodeMirror>
        <br>
        <br>
        <div class="header">Props</div>
        <QilinTable v-model:tableConfig="propsTableConfig"></QilinTable>
        <br>
        <br>
        <div class="header">Events</div>
        <QilinTable v-model:tableConfig="eventsTableConfig"></QilinTable>
        <br>
        <br>
        <div class="header">Exposes</div>
        <QilinTable v-model:tableConfig="exposesTableConfig"></QilinTable>
        <br>
        <br>
        <div class="header">Slots</div>
        <QilinTable v-model:tableConfig="slotsTableConfig"></QilinTable>
        <br>
        <br>
    </div>
</template>

<script setup>

/*
    数据变量定义区域
*/


/*
    计算属性等代码区域
*/
const codeValue1=computed(()=>{
    return `
        // --html部分
        <QilinTable v-model:tableConfig="tableConfig" @changeCurrentPage="changeCurrentPage"
            @changeCurrentSize="changeCurrentSize"
        >
            <template v-slot:project="slotData">
                <div>{{slotData.data.scope.row.project.join("、")}}</div>
            </template>
            <template v-slot:elTableColumn="slotData">
                <el-table-column :label="slotData.data.item.label" :prop="slotData.data.item.prop"
                    :align="slotData.data.item.align" :width="slotData.data.item.width">
                    <span>EDGQilin</span>
                </el-table-column>
            </template>
        </QilinTable>
        // --js部分
        const tableConfig=reactive({
            elTableConfig:{
                border:true,
                stripe:true
            },
            headerConfig:[
                {
                    type:"checkbox",
                    width:60
                },
                {
                    label:"序号",
                    type:"sortIndex",
                    width:60
                },
                {
                    label:"姓名",
                    prop:"name",
                    type:"text",
                    width:80
                },
                {
                    label:"出生日期",
                    prop:"birthday",
                    type:"date",
                    format:"chinese",
                    width:150
                },
                {
                    label:"项目",
                    prop:"project",
                    type:"slot",
                    slotName:"project",
                    ellipsis:true,
                    tooltipOptions:{
                        content:"这是我的项目",
                        placement:"top"
                    },
                    width:200
                },
                {
                    label:"公司",
                    type:"multiple",
                    children:[
                        {
                            label:"名称",
                            prop:"companyName",
                            type:"text",
                            ellipsis:true,
                            width:160
                        },
                        {
                            label:"年限",
                            prop:"time",
                            type:"text",
                            width:100
                        },
                        {
                            label:"职务",
                            prop:"position",
                            type:"text",
                            width:100
                        },
                        {
                            label:"薪资",
                            prop:"salary",
                            type:"text",
                            width:100
                        }
                    ]
                },
                {
                    label:"昵称",
                    prop:"nickName",
                    type:"customOperate",
                    align:"center",
                    width:100
                },
                {
                    label:"操作",
                    type:"operate",
                    fixed:"right",
                    width:280,
                    operateOptions:[
                        {
                            btnName:"抽屉",
                            btnType:"primary",
                            btnSize:"default",
                            text:true,
                            btnClick:(row,item,scope,optItem)=>{
                                console.log(row,item,scope,optItem);
                                drawerConfig.isShow=true;
                            }
                        },
                        {
                            btnName:"删除",
                            btnType:"primary",
                            btnSize:"default",
                            text:true,
                            btnClick:(row,item,scope,optItem)=>{
                                console.log(row,item,scope,optItem);
                            }
                        }
                    ],
                    moreOperateOptions:[
                        {
                            btnName:"编辑",
                            btnType:"primary",
                            btnSize:"default",
                            text:true,
                            btnClick:(row,item,scope,optItem)=>{
                                console.log(row,item,scope,optItem);
                            }
                        },
                        {
                            btnName:"删除",
                            btnType:"primary",
                            btnSize:"default",
                            text:true,
                            btnClick:(row,item,scope,optItem)=>{
                                console.log(row,item,scope,optItem);
                            }
                        }
                    ]
                }
            ],
            tableData:[
                {
                    name:"Qilin",
                    birthday:"1996-05-12",
                    project:["戒毒所","看守所","拘留所","安康医院"],
                    companyName:"南京冠霆智能科技有限公司",
                    time:"8个月",
                    position:"前端开发",
                    salary:700000
                },
                {
                    name:"Qilin",
                    birthday:"1996-05-12",
                    project:["SDP零信任项目","动态应用安全防护系统BSG"],
                    companyName:"亚信智网有限公司",
                    time:"13个月",
                    position:"前端开发",
                    salary:950000
                },
                {
                    name:"Qilin",
                    birthday:"1996-05-12",
                    project:["云上贵州项目","红花街道h5项目","温州市党政机关信息化项目"],
                    companyName:"苏软科技（南京）有限公司",
                    time:"11个月",
                    position:"前端开发",
                    salary:1300000
                },
                {
                    name:"Qilin",
                    birthday:"1996-05-12",
                    project:["U创办公管理系统","U创小程序"],
                    companyName:"南京联创智慧科技有限公司",
                    time:"22个月",
                    position:"前端开发",
                    salary:1500000
                }
            ],
            paginationsObj:{
                currentPage:1, //当前页
                pageSize:10, //当前每页数量
                pageSizes:[10,20,30], //每页显示多少条选项集
                total:0, //表格总数量
                layout:"total,sizes,prev,pager,next,jumper"
            }
        });
    `
});


/*
    逻辑脚本代码区域
*/
// 切换页码事件监听
const changeCurrentPage=(page)=>{
    console.log(page);
    tableConfig.paginationsObj.currentPage=page;
};
// 切换页码事件监听
const changeCurrentSize=(size)=>{
    console.log(size);
    tableConfig.paginationsObj.pageSize=size;
};

const tableConfig=reactive({
    elTableConfig:{
        border:true,
        stripe:true
    },
    headerConfig:[
        {
            type:"checkbox",
            width:60
        },
        {
            label:"序号",
            type:"sortIndex",
            width:60
        },
        {
            label:"姓名",
            prop:"name",
            type:"text",
            width:80
        },
        {
            label:"出生日期",
            prop:"birthday",
            type:"date",
            format:"chinese",
            width:150
        },
        {
            label:"项目",
            prop:"project",
            type:"slot",
            slotName:"project",
            ellipsis:true,
            tooltipOptions:{
                content:"这是我的项目",
                placement:"top"
            }
        },
        {
            label:"公司",
            type:"multiple",
            children:[
                {
                    label:"名称",
                    prop:"companyName",
                    type:"text",
                    ellipsis:true,
                    width:160
                },
                {
                    label:"年限",
                    prop:"time",
                    type:"text",
                    width:100
                },
                {
                    label:"职务",
                    prop:"position",
                    type:"text",
                    width:100
                },
                {
                    label:"薪资",
                    prop:"salary",
                    type:"text",
                    width:100
                }
            ]
        },
        {
            label:"昵称",
            prop:"nickName",
            type:"customOperate",
            align:"center",
            width:100
        },
        {
            label:"操作",
            type:"operate",
            fixed:"right",
            width:280,
            operateOptions:[
                {
                    btnName:"抽屉",
                    btnType:"primary",
                    btnSize:"default",
                    text:true,
                    btnClick:(row,item,scope,optItem)=>{
                        console.log(row,item,scope,optItem);
                        drawerConfig.isShow=true;
                    }
                },
                {
                    btnName:"删除",
                    btnType:"primary",
                    btnSize:"default",
                    text:true,
                    btnClick:(row,item,scope,optItem)=>{
                        console.log(row,item,scope,optItem);
                    }
                }
            ],
            moreOperateOptions:[
                {
                    btnName:"编辑",
                    btnType:"primary",
                    btnSize:"default",
                    text:true,
                    btnClick:(row,item,scope,optItem)=>{
                        console.log(row,item,scope,optItem);
                    }
                },
                {
                    btnName:"删除",
                    btnType:"primary",
                    btnSize:"default",
                    text:true,
                    btnClick:(row,item,scope,optItem)=>{
                        console.log(row,item,scope,optItem);
                    }
                }
            ]
        }
    ],
    tableData:[
        {
            name:"Qilin",
            birthday:"1996-05-12",
            project:["戒毒所","看守所","拘留所","安康医院"],
            companyName:"南京冠霆智能科技有限公司",
            time:"8个月",
            position:"前端开发",
            salary:700000
        },
        {
            name:"Qilin",
            birthday:"1996-05-12",
            project:["SDP零信任项目","动态应用安全防护系统BSG"],
            companyName:"亚信智网有限公司",
            time:"13个月",
            position:"前端开发",
            salary:950000
        },
        {
            name:"Qilin",
            birthday:"1996-05-12",
            project:["云上贵州项目","红花街道h5项目","温州市党政机关信息化项目"],
            companyName:"苏软科技（南京）有限公司",
            time:"11个月",
            position:"前端开发",
            salary:1300000
        },
        {
            name:"Qilin",
            birthday:"1996-05-12",
            project:["U创办公管理系统","U创小程序"],
            companyName:"南京联创智慧科技有限公司",
            time:"22个月",
            position:"前端开发",
            salary:1500000
        }
    ],
    paginationsObj:{
        currentPage:1, //当前页
        pageSize:10, //当前每页数量
        pageSizes:[10,20,30], //每页显示多少条选项集
        total:0, //表格总数量
        layout:"total,sizes,prev,pager,next,jumper"
    }
});
const propsTableConfig=reactive({
    elTableConfig:{
        border:true,
        defaultExpandAll:true,
        rowKey:"attrName",
        cellStyle:({row,column,rowIndex,columnIndex})=>{
            // console.log(row,column,rowIndex,columnIndex);
            // if((rowIndex === 0 && columnIndex === 0) ||
            //     (rowIndex === 10 && columnIndex === 0) ||
            //     (rowIndex === 28 && columnIndex === 0) ||
            //     (rowIndex === 39 && columnIndex === 0) ||
            //     (rowIndex === 40 && columnIndex === 0)
            // ){
            //     return {
            //         "font-weight":"bolder",
            //         color:"#2d8cf0"
            //     }
            // }
        }
    },
    headerConfig:[
        {
            label:"属性名",
            prop:"attrName",
            type:"text",
            width:180
        },
        {
            label:"类型",
            prop:"attrType",
            type:"text",
            width:120
        },
        {
            label:"说明",
            prop:"description",
            type:"text"
        },
        {
            label:"可取值",
            prop:"valuable",
            type:"text",
            replaceValue:"-"
        },
        {
            label:"默认值",
            prop:"default",
            type:"text",
            width:100
        }
    ],
    tableData:[
        {
            attrName:"elTableConfig",
            attrType:"object",
            description:"el-table标签上的配置项",
            valuable:"-",
            default:"-",
            children:[
                {
                    attrName:"border",
                    attrType:"boolean",
                    description:"是否带边框",
                    valuable:"true/false",
                    default:"false",
                },
                {
                    attrName:"stripe",
                    attrType:"boolean",
                    description:"是否为斑马纹",
                    valuable:"true/false",
                    default:"false",
                },
                {
                    attrName:"size",
                    attrType:"string",
                    description:"table的尺寸",
                    valuable:"'' | 'large' | 'default' | 'small'",
                    default:"-",
                },
                {
                    attrName:"rowKey",
                    attrType:"function/string",
                    description:"行数据的 Key，用来优化 Table 的渲染； 在使用reserve-selection功能与显示树形数据时，该属性是必填的",
                    valuable:"-",
                    default:"-",
                },
                {
                    attrName:"highlightCurrentRow",
                    attrType:"boolean",
                    description:"是否要高亮当前行",
                    valuable:"true/false",
                    default:"false",
                },
                {
                    attrName:"spanMethod",
                    attrType:"function",
                    description:"合并行或列的计算方法",
                    valuable:"({row,column,rowIndex,columnIndex})=>{return number[] | {rowspan:number,colspan:number}}",
                    default:"-",
                },
                {
                    attrName:"cellStyle",
                    attrType:"function/object",
                    description:"单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style",
                    valuable:"({row,column,rowIndex,columnIndex})=>{return CSSProperties} | CSSProperties",
                    default:"-",
                },
                {
                    attrName:"height",
                    attrType:"number/string",
                    description:"table的高度，默认100%;如果 height 为 number 类型，单位 px；如果 height 为 string 类型，则这个高度会设置为 Table 的 style.height 的值，Table 的高度会受控于外部样式。",
                    valuable:"-",
                    default:"100%",
                },
                {
                    attrName:"defaultExpandAll",
                    attrType:"boolean",
                    description:"是否默认展开所有行，当 Table 包含展开行存在或者为树形表格时有效",
                    valuable:"true/false",
                    default:"false",
                }
            ]
        },
        {
            attrName:"headerConfig",
            attrType:"object",
            description:"表头相关配置项",
            valuable:"-",
            default:"-",
            children:[
                {
                    attrName:"label",
                    attrType:"string",
                    description:"表头的名称",
                    valuable:"-",
                    default:"-",
                },
                {
                    attrName:"prop",
                    attrType:"string",
                    description:"对应后台数据的字段名",
                    valuable:"-",
                    default:"-",
                },
                {
                    attrName:"type",
                    attrType:"string",
                    description:"表头字段的类型；slot和customOperate类型只能用在表格的第一层，多级表头下使用不生效",
                    valuable:"'checkbox' | 'sortIndex' | 'text' | 'date' | 'slot' | 'operate' | 'customOperate' | 'multiple'",
                    default:"text",
                },
                {
                    attrName:"isHide",
                    attrType:"boolean",
                    description:"是否隐藏某个表头",
                    valuable:"true/false",
                    default:"false",
                },
                {
                    attrName:"isHideFn",
                    attrType:"function",
                    description:"是否隐藏某个表头的方法，优先级低于isHide",
                    valuable:"(item)=>{ return true|false}",
                    default:"-",
                },
                {
                    attrName:"replaceValue",
                    attrType:"string",
                    description:"值为空的替代符，当后台数据值为null或undefined时生效",
                    valuable:"",
                    default:"'-'",
                },
                {
                    attrName:"headerSlot",
                    attrType:"boolean",
                    description:"是否自定义表头插槽，当且仅当type为text时生效",
                    valuable:"true/false",
                    default:"false"
                },
                {
                    attrName:"slotName",
                    attrType:"string",
                    description:"slot插槽元素的name，当且仅当type为slot时生效",
                    valuable:"-",
                    default:"-",
                },
                {
                    attrName:"fixed",
                    attrType:"string/boolean",
                    description:"列是否固定在左侧或者右侧。 true 表示固定在左侧",
                    valuable:"'left' | 'right' | true | false",
                    default:"false",
                },
                {
                    attrName:"format",
                    attrType:"string",
                    description:"日期时间格式化设置，具体配置项请参考QilinUtils工具库中Date方法中的formatDate()方法",
                    valuable:"-",
                    default:"yyyy-MM-dd hh:mm:ss",
                },
                {
                    attrName:"align",
                    attrType:"string",
                    description:"对齐方式",
                    valuable:"'left' | 'center' | 'right'",
                    default:"center",
                },
                {
                    attrName:"width",
                    attrType:"string/number",
                    description:"对应列的宽度",
                    valuable:"-",
                    default:"-",
                },
                {
                    attrName:"minWidth",
                    attrType:"string/number",
                    description:"对应列的最小宽度，与 width 的区别是 width 是固定的，min-width 会把剩余宽度按比例分配给设置了 min-width 的列",
                    valuable:"-",
                    default:"-",
                },
                {
                    attrName:"ellipsis",
                    attrType:"boolean",
                    description:"当内容过长被隐藏时显示 tooltip",
                    valuable:"true/false",
                    default:"false",
                },
                {
                    attrName:"tooltipOptions",
                    attrType:"object",
                    description:"超出悬浮展示的配置项，优先级高于ellipsis",
                    valuable:"{content:string,placement:string}",
                    default:"-",
                },
                {
                    attrName:"isShowExpandTooltip",
                    attrType:"boolean",
                    description:"是否开启展开行功能",
                    valuable:"true/false",
                    default:"false",
                },
                {
                    attrName:"expandTooltipFn",
                    attrType:"function",
                    description:"展开行内容方法，内容有方法返回，须配合isShowExpandTooltip一起使用",
                    valuable:"(row,item)=>{}",
                    default:"-",
                },
                {
                    attrName:"hideSeparate",
                    attrType:"boolean",
                    description:"是否隐藏操作按钮之间的分隔符",
                    valuable:"true/false",
                    default:"false",
                },
                {
                    attrName:"operateOptions",
                    attrType:"array",
                    description:"操作栏按钮配置项，当且仅当type为operate时生效；支持el-button的其余属性，可直接添加",
                    valuable:"-",
                    default:"-",
                    children:[
                        {
                            attrName:"btnName",
                            attrType:"string",
                            description:"按钮名称，旧版本为buttonName",
                            valuable:"-",
                            default:"按钮",
                        },
                        {
                            attrName:"btnType",
                            attrType:"string",
                            description:"按钮类型，旧版本为buttonType",
                            valuable:"'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text'",
                            default:"default",
                        },
                        {
                            attrName:"btnSize",
                            attrType:"string",
                            description:"按钮尺寸，旧版本为buttonSize",
                            valuable:"'large' | 'default' | 'small'",
                            default:"default",
                        },
                        {
                            attrName:"isHide",
                            attrType:"boolean",
                            description:"是否隐藏按钮",
                            valuable:"true/false",
                            default:"false",
                        },
                        {
                            attrName:"isHideFn",
                            attrType:"function",
                            description:"是否隐藏改按钮的方法，优先级低于isHide",
                            valuable:"(row,item,optItem)=>{return true|false}",
                            default:"-",
                        },
                        {
                            attrName:"disabled",
                            attrType:"boolean",
                            description:"是否禁用按钮",
                            valuable:"true/false",
                            default:"false",
                        },
                        {
                            attrName:"isDisabled",
                            attrType:"function",
                            description:"是否禁用按钮的方法",
                            valuable:"(row,item)=>{return true|false}",
                            default:"-",
                        },
                        {
                            attrName:"iconfontClass",
                            attrType:"string",
                            description:"当使用自定义图标时的class类名",
                            valuable:"-",
                            default:"-",
                        },
                        {
                            attrName:"btnClick",
                            attrType:"function",
                            description:"按钮的点击事件，旧版本buttonEvent",
                            valuable:"(row,item,scope,optItem)=>{}",
                            default:"-",
                        }
                    ]
                },
                {
                    attrName:"moreOperateOptions",
                    attrType:"array",
                    description:"操作栏按钮更多配置项，当且仅当type为operate时生效；支持el-button的其余属性，可直接添加；其下配置同operateOptions一致",
                    valuable:"-",
                    default:"-",
                }
            ]
        },
        {
            attrName:"tableData",
            attrType:"array",
            description:"真实数据，将后台的数据赋值其",
            valuable:"-",
            default:"-",
        },
        {
            attrName:"paginationObj",
            attrType:"object",
            description:"表格分页配置项",
            valuable:"-",
            default:"-",
            children:[
                {
                    attrName:"isHide",
                    attrType:"boolean",
                    description:"是否隐藏分页器",
                    valuable:"true/false",
                    default:"false",
                },
                {
                    attrName:"currentPage",
                    attrType:"number",
                    description:"当前页",
                    valuable:"-",
                    default:1,
                },
                {
                    attrName:"pageSize",
                    attrType:"number",
                    description:"当前每页数量",
                    valuable:"-",
                    default:10,
                },
                {
                    attrName:"pageSizes",
                    attrType:"array",
                    description:"每页显示多少条数据的选项设置",
                    valuable:"-",
                    default:"",
                },
                {
                    attrName:"total",
                    attrType:"number",
                    description:"数据的总数",
                    valuable:"-",
                    default:0,
                },
                {
                    attrName:"layout",
                    attrType:"string",
                    description:"组件布局，子组件名用逗号分隔",
                    valuable:"total,sizes,prev,pager,next,jumper",
                    default:"-",
                }
            ]
        },
    ],
    paginationsObj:{
        isHide:true,
        currentPage:1, //当前页
        pageSize:10, //当前每页数量
        pageSizes:[10,20,30], //每页显示多少条选项集
        total:0, //表格总数量
        layout:"total,sizes,prev,pager,next,jumper"
    }
});
const eventsTableConfig=reactive({
    elTableConfig:{
        border:true
    },
    headerConfig:[
        {
            label:"事件名",
            prop:"eventName",
            type:"text",
            width:180
        },
        {
            label:"类型",
            prop:"eventType",
            type:"text",
            width:120
        },
        {
            label:"参数",
            prop:"eventValue",
            type:"text",
            width:120
        },
        {
            label:"说明",
            prop:"description",
            type:"text"
        }
    ],
    tableData:[
        {
            eventName:"changeCurrentPage",
            eventType:"function",
            eventValue:"page",
            description:"当前页码切换时触发的事件"
        },
        {
            eventName:"changeCurrentSize",
            eventType:"function",
            eventValue:"size",
            description:"当前每页数量切换时触发的事件"
        },
        {
            eventName:"selectRowData",
            eventType:"function",
            eventValue:"selection,row",
            description:"当用户手动勾选数据行的 Checkbox 时触发的事件"
        },
        {
            eventName:"selectAllRowData",
            eventType:"function",
            eventValue:"selection",
            description:"当用户手动勾选全选 Checkbox 时触发的事件"
        },
        {
            eventName:"selectionChangeData",
            eventType:"function",
            eventValue:"newSelection",
            description:"当选择项发生变化时会触发该事件"
        },
        {
            eventName:"rowClickData",
            eventType:"function",
            eventValue:"row,column,event",
            description:"当某一行被点击时会触发该事件"
        },
        {
            eventName:"expandChangeData",
            eventType:"function",
            eventValue:"row,expandedRows|expanded",
            description:"当用户对某一行展开或者关闭的时候会触发该事件（展开行时，回调的第二个参数为 expandedRows；树形表格时第二参数为 expanded）"
        },
        {
            eventName:"currentChangeData",
            eventType:"function",
            eventValue:"currentRow,oldCurrentRow",
            description:"当表格的当前行发生变化的时候会触发该事件，如果要高亮当前行，请打开highlightCurrentRow属性"
        },
    ],
    paginationsObj:{
        isHide:true
    }
});
const exposesTableConfig=reactive({
    elTableConfig:{
        border:true
    },
    headerConfig:[
        {
            label:"方法名",
            prop:"exposeName",
            type:"text",
            width:180
        },
        {
            label:"类型",
            prop:"exposeType",
            type:"text",
            width:100
        },
        {
            label:"参数",
            prop:"exposeValue",
            type:"text",
            width:100
        },
        {
            label:"说明",
            prop:"description",
            type:"text"
        },
    ],
    tableData:[
        {
            exposeName:"setCurrentRow",
            exposeType:"function",
            exposeValue:"row",
            description:"用于单选表格，设定某一行为选中行， 如果调用时不加参数，则会取消目前高亮行的选中状态。"
        },
        {
            exposeName:"toggleRowExpansion",
            exposeType:"function",
            exposeValue:"row,expanded:boolean",
            description:"用于可扩展的表格或树表格，如果某行被扩展，则切换。 使用第二个参数，您可以直接设置该行应该被扩展或折叠。"
        },
        {
            exposeName:"clearSelection",
            exposeType:"function",
            exposeValue:"-",
            description:"用于多选表格，清空用户的选择"
        },
        {
            exposeName:"toggleRowSelection",
            exposeType:"function",
            exposeValue:"row,selected:boolean",
            description:"用于多选表格，切换某一行的选中状态， 如果使用了第二个参数，则可直接设置这一行选中与否"
        },
        {
            exposeName:"toggleAllSelection",
            exposeType:"function",
            exposeValue:"-",
            description:"用于多选表格，切换全选和全不选"
        },
    ],
    paginationsObj:{
        isHide:true
    }
});
const slotsTableConfig=reactive({
    elTableConfig:{
        border:true
    },
    headerConfig:[
        {
            label:"插槽名",
            prop:"slotName",
            type:"text",
            width:120
        },
        {
            label:"数据值",
            prop:"slotData",
            type:"text",
            width:180
        },
        {
            label:"说明",
            prop:"description",
            type:"text"
        }
    ],
    tableData:[
        {
            slotName:"{item.slotName}",
            slotData:"data:{scope,item}",
            description:"设置headerConfig配置项中的type为slot即可使用，用于需要对表格某列数据进行特殊处理的需求，其中设置的slotName属性值就是该插槽名"
        },
        {
            slotName:"elTableColumn",
            slotData:"data:{item}",
            description:"当需要自定义操作栏列时用该插槽代替"
        },
        {
            slotName:"elTableHeader",
            slotData:"data:{item}",
            description:"当需要自定义表头时用该插槽代替，此时须配合headerSlot属性使用"
        }
    ],
    paginationsObj:{
        isHide:true
    }
});



/*
    生命周期等代码区域
*/

</script>

<style lang="scss" scoped>
</style>
